.container {
  height: 100%;
  background: #eee;
  overflow: hidden;
  .title {
    z-index: 50000;
    position: fixed;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    .item {
      padding: 10rpx;
      .text {
        font-size: 25rpx;
        color: #aaa;
      }
      .active {
        font-size: 40rpx;
        color: #000;
      }
      .line {
        width: 80rpx;
        height: 10rpx;
        border-radius: 400rpx;
        background: linear-gradient(to right, rgba(231, 108, 152, 0.8), rgba(231, 139, 116, 0.8));
      }
    }
  }
  .replace {
    height: 130rpx;
  }
  .date {
    display: flex;
    margin: 20rpx;
    padding: 5rpx;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 20rpx;
    .date-item {
      flex:1;
      margin: 0 10rpx;
      padding: 10rpx;
      text-align: center;
      transition: all 0.2s ease;
      font-size: small;
    }
    .select {
      color: #fff;
      box-shadow: inset 0 0 100px rgba(231, 108, 152, 0.8);  /* 自定义的内阴影样式 */
      border-radius: 20rpx;
    }
  }
  
  .bar{
    width: 100%;
    height: 100%;
    margin-top: 100rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }
  ec-canvas {
    width: 90%;
    height: 90%;
  }
}